<!DOCTYPE html>
<html lang="en">


<!-- Copyright (c) chai bo wen LQXC All rights reserved. -->


<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="../ResourceFile/favicon.ico" rel="shortcut icon">
    <link href="../ResourceFile/favicon.ico" rel="icon">
    <link href="../ResourceFile/favicon16x16.png" rel="icon " sizes="16x16">
    <link href="../ResourceFile/favicon32x32.png" rel="icon " sizes="32x32">
    <link href="../ResourceFile/android-chrome-192x192.png" rel="icon" sizes="192x192">
    <link href="../ResourceFile/android-chrome-512x512.png" rel="icon" sizes="512x512">
    <link href="../ResourceFile/touch-icon-iphone.png" rel="apple-touch-icon">
    <link href="../ResourceFile/touch-icon-ipad.png" rel="apple-touch-icon" sizes="72x72">
    <link href="../ResourceFile/touch-icon-iphone-retina.png" rel="apple-touch-icon" sizes="114x114">
    <link href="../ResourceFile/touch-icon-ipad-retina.png" rel="apple-touch-icon" sizes="144x144">

    <style>
        label {
            margin: 6px 0;
        }
    </style>
    <style>
        .loading {
            width: 100%;
            width: 100vw;
            height: 100%;
            height: 100vh;
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            background-color: #ffffff;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 400px;
            z-index: 9999;
            background-image: url(../ResourceFile/loader1.gif);
        }
    </style>
    <script>
        document.addEventListener("readystatechange", function() {
            if (document.readyState == 'complete') {
                document.getElementById("loading").style.display = "none";
            }
        });
    </script>
    <title>欢迎报名ThoughtWork实验室</title>
    <link rel="stylesheet" href="../CSS/su.css">
    <link rel="stylesheet" href="../CSS/headTable.css">
</head>

<body>
    <div class="loading" id="loading"></div>
    <div class="API" id="waiting">
        <div></div>
    </div>
    <div class="API" id="failed">
        <div>失败了哦,请检查下填写的信息是否正确,或者网络是否正常</div>
    </div>
    <div class="API" id="success">
        <div>成功,请稍后</div>
    </div>
    <div class="API" id="error">
        <div>出现了预期之外的错误呢,请检查下网络状况,或者询问运维哦</div>
    </div>
    <div class="Login">
        <div class="img">
            <img src="../ResourceFile/tw-logo.svg" alt="">西安邮电大学联合创新实验室面试签到
        </div>
        <form>

            <label for="SearchNumber">
                <p>请输入学号:</p>
                <input type="text" name="id" id="searchByNumber" required pattern="[0-9]{8}">
            </label>

            <label for="Post">
                <div class="animationButton">
                    <input type="submit" value="Sign In" id="SignIn" class="actionButton">
                </div>
            </label>

        </form>
    </div>
    <script src="../JS/sign.js"></script>
</body>

</html>